.container {
    width: 100vw;
    min-height: 100vh;
    box-sizing: border-box;
}

.companylist {
    width: 100%;
    box-sizing: border-box;
    min-height: calc(100vh - 136rpx);
    background: linear-gradient(180deg, #DDFFF0 0%, #F9F9FA 14%);
    border-radius: 32rpx 32rpx 0 0;
    padding: 0 28rpx;

    .listbox {
        padding-bottom: 200rpx;
        display: flex;
        flex-direction: column;
        gap: 24rpx;
    }

    .title {
        width: 100%;
        box-sizing: border-box;
        padding: 36rpx 24rpx 28rpx;
        font-weight: 600;
        font-size: 36rpx;
        color: #000000;
    }

    .listitem {
        background-color: #ffffff;
        border-radius: 16rpx;
        width: 100%;
        box-sizing: border-box;
        padding: 28rpx 24rpx 16rpx;

        .bottom {
            width: 100%;
            box-sizing: border-box;
            background-color: #F7FAFB;
            border-radius: 8rpx;
            padding: 19rpx 28rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;

            .labelc {
                color: #6B6B86;
            }

            .content {
                display: flex;
                align-items: center;
            }

            .l {
                font-size: 28rpx;
                display: flex;
                align-items: center;
            }

            .r {
                font-size: 28rpx;
                display: flex;
                align-items: center;

                .img {
                    width: 24rpx;
                    height: 24rpx;
                }
            }
        }

        .rz {
            display: flex;
            align-items: center;
            gap: 20rpx;
            margin-bottom: 28rpx;

            .qx {
                font-size: 24rpx;
                color: #6B6B86;
            }

            .icon {
                width: 136rpx;
                height: 38rpx;
                box-sizing: border-box;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 20rpx;

                .img {
                    width: 28rpx;
                    height: 28rpx;
                    margin-right: 4rpx;
                }
            }

            .successicon {
                background-color: rgba(0, 214, 121, 0.1);
            }

            .failicon {
                border: 2rpx solid #9497B1;
            }

            .successicon {
                color: #00D679;
                background-color: rgba(0, 214, 121, 0.1);
            }

            .failicon {
                color: #6B6B86;
                border: 2rpx solid #9497B1;
            }
        }

        .companyname {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 20rpx;

            .name {
                color: #202536;
                font-size: 32rpx;
                font-weight: 500;
            }

            .img {
                width: 24rpx;
                height: 24rpx;
            }
        }
    }
}

.topmsg {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 36rpx 28rpx;
    justify-content: space-between;

    .l {
        display: flex;
        align-items: center;
        gap: 12rpx;

        .img {
            width: 64rpx;
            height: 64rpx;
            border-radius: 50%;
        }

        .name {
            font-size: 36rpx;
            color: #202536;
        }
    }

    .r {
        display: flex;
        align-items: center;
        gap: 12rpx;

        .phonenum {
            color: #565868;
            font-size: 28rpx;
        }

        .img {
            width: 28rpx;
            height: 28rpx;
        }
    }
}

.zzc {
    width: 100vw;
    height: 100vh;
    background: rgba(32, 37, 54, 0.7);
    position: fixed;
    top: 0;
    left: 0;
}

.mypopup .weui-half-screen-dialog__ft {
    display: none;
}

.mypopup .weui-half-screen-dialog__bd {
    padding-bottom: 20rpx !important;
}

.mypopup {
    .descbox {
        width: 100%;
        box-sizing: border-box;
        max-height: 40vh;
        overflow: auto;
        display: flex;
        flex-direction: column;
        gap: 20rpx;

        .projectlist {
            display: flex;
            align-items: center;
            gap: 20rpx;
            width: 100%;
            box-sizing: border-box;
            background-color: #F4F4F7;
            font-size: 32rpx;
            color: #202536;
            font-weight: 700;
            border-radius: 8rpx;
            padding: 28rpx 48rpx;
            margin-bottom: 20rpx;
        }
    }

    .title {
        display: flex;
        align-items: center;
        justify-content: space-between;

        .l {
            display: flex;
            align-items: center;
            gap: 16rpx;
            color: #202536;
            font-size: 36tpx;
            font-weight: 700;

            .img {
                width: 40rpx;
                height: 40rpx;
            }
        }

        .closeimg {
            z-index: 999;
            width: 40rpx;
            height: 40rpx;
        }
    }
}